<template>
    <section class="get-coupon-main base-main">
      <!--优惠券-->
      <div class="coupon">
        <Coupon :couponData="unsabel"></Coupon>
        <p class="btn pdlr15 text-c">
          <span class="base-btn" @click="handleGetCoupon">立即领取</span>
        </p>
        <p class="line-box pdlr15">
          <span class="inline-block line-span"></span>
        </p>
      </div>
      <!--优惠券-->

      <!--公众号二维码-->
      <div class="code">
        <OfficialAccounts></OfficialAccounts>
      </div>
      <!--公众号二维码-->
    </section>
</template>

<script type="text/ecmascript-6">
  import Coupon from '../../components/Coupon.vue'
  import OfficialAccounts from '../../components/OfficialAccounts.vue'

  export default {
    components:{
      Coupon,OfficialAccounts
    },
    data() {
      return {
        couponData:[],//优惠券数据
        unsabel:[
          {
            sum:'30',
            condition:'满100元可用',
            name:'优惠券名称优惠券名称优惠券优惠券名称优惠券名称优惠券',
            validity:'2018.04.24 ~ 2018.08.24',
            id:'1',
            use:1,
            past_due:0,//1已过期
            used:0,//1为已使用
          },
        ],
      }
    },
    methods: {
      handleGetCoupon(){

      },
    },
  }
</script>

<style scoped lang="scss">
  @import '../../assets/css/getCoupon.scss'
</style>
